<template>
  <template v-if="layout == 'classic'">
    <RenderClassic />
  </template>
  <template v-if="layout == 'topLeft'">
    <RenderTopLeft />
  </template>
  <template v-if="layout == 'top'">
    <RenderTop />
  </template>
</template>

<script setup>
import RenderClassic from "./RenderClassic"
import RenderTopLeft from "./RenderTopLeft"
import RenderTop from "./RenderTop"
import { useLayoutStore } from "@/store/layout";
import { storeToRefs } from "pinia";
const layoutStore = useLayoutStore();
const { layout } = storeToRefs(layoutStore);
</script>

<style lang="scss" scoped></style>
